<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/style.css">
    <script src="js/jquery-1.10.2.min.js"></script>
</head>
<body>
<!--main-header start-->
<div class="main-header">
    <div class="w-1200 clearfix">
        <div class="header-logo fl"><a href=""><img src="images/logo.png"></a> </div>
        <!--header-person start-->
        <div class="header-person fr">
            <div class="person">欢迎登录，分配专家
                <div class="person-down">
                    <div class="con">
                        <div class="li li-pas"><a href="">修改密码</a> </div>
                        <div class="li li-log"><a href="">退出登录</a> </div>
                    </div>
                </div>
            </div>
        </div>
        <!--header-person end-->
        <!--header-nav start-->
        <div class="header-nav fr">
            <ul class="nav">
                <li class="on"><a href="">待分配项目</a> </li>
                <li><a href="">已分配项目</a> </li>
                <li><a href="">政策文章</a> </li>
            </ul>
        </div>
        <!--header-nav end-->
    </div>
</div>
<!--main-header end-->
<!--scan-container start-->
<div class="scan-container w-1200">
    <!--scan-step start-->
    <div class="scan-step clearfix">
        <div class="scan-step-hd fl">项目进度</div>
        <div class="scan-step-bd">
            <div class="step-num on">
                <span class="circle">1</span>
                <p>资料准备</p>
            </div>
            <div class="step-num on">
                <span class="circle">2</span>
                <p>预审中</p>
            </div>
            <div class="step-num on">
                <span class="circle">3</span>
                <p>评审中</p>
            </div>
            <div class="step-num on">
                <span class="circle">4</span>
                <p>复核中</p>
            </div>
            <div class="step-num on">
                <span class="circle">5</span>
                <p>定审中</p>
            </div>
            <div class="step-num on">
                <span class="circle">6</span>
                <p>完结</p>
            </div>
        </div>
    </div>
    <!--scan-step end-->
    <!--scan-main start-->
    <div class="scan-main">
        <!--scan-box start-->
        <div class="scan-box">
            <div class="scan-box-tit">项目基本信息</div>
            <div class="scan-box-con">
                <div class="scan-box-li">
                    <span class="label">项目标段：</span>
                    <span class="name">000001111111</span>
                </div>
                <div class="scan-box-li">
                    <span class="label">项目联系人：</span>
                    <span class="name">000001111111</span>
                </div>
                <div class="scan-box-li">
                    <span class="label">项目地址：</span>
                    <span class="name">1234456</span>
                </div>
                <div class="scan-box-li">
                    <span class="label">项目名称：</span>
                    <span class="name">mumu-li</span>
                </div>
                <div class="scan-box-li">
                    <span class="label">评审类别：</span>
                    <span class="name">建筑施工</span>
                </div>
                <div class="scan-box-li">
                    <span class="label">所属业主：</span>
                    <span class="name">mumu-li</span>
                </div>
                <div class="scan-box-li">
                    <span class="label">行业分类：</span>
                    <span class="name">mumu-li</span>
                </div>
                <div class="scan-box-li">
                    <span class="label">立项文号：</span>
                    <span class="name">1234456</span>
                </div>
                <div class="scan-box-li">
                    <span class="label">技术评审人意见编号：</span>
                    <span class="name">000001111111</span>
                </div>
                <div class="scan-box-li">
                    <span class="label">项目介绍：</span>
                    <span class="name">000001111111</span>
                </div>
            </div>
        </div>
        <!--scan-box end-->
        <!--scan-box start-->
        <div class="scan-box">
            <div class="scan-box-tit">委托机构信息</div>
            <div class="scan-box-con">
                <div class="scan-box-li">
                    <span class="label">委托单位：</span>
                    <span class="name">000001111111</span>
                </div>
                <div class="scan-box-li">
                    <span class="label">委托单位联系人：</span>
                    <span class="name">000001111111</span>
                </div>
                <div class="scan-box-li">
                    <span class="label">委托单位联系人电话：</span>
                    <span class="name">000001111111</span>
                </div>
            </div>
        </div>
        <!--scan-box end-->
        <!--scan-box start-->
        <div class="scan-box">
            <div class="scan-box-tit">立项信息</div>
            <div class="scan-box-con">
                <div class="scan-box-li">
                    <span class="label">编制机构：</span>
                    <span class="name">000001111111</span>
                </div>
                <div class="scan-box-li">
                    <span class="label">编制人：</span>
                    <span class="name">000001111111</span>
                </div>
                <div class="scan-box-li">
                    <span class="label">定价依据：</span>
                    <span class="name">000001111111</span>
                </div>
                <div class="scan-box-li">
                    <span class="label">定额体系：</span>
                    <span class="name">000001111111</span>
                </div>
                <div class="scan-box-li">
                    <span class="label">立项金额：</span>
                    <span class="name">000001111111</span>
                </div>
                <div class="scan-box-li">
                    <span class="label">送审投资金额：</span>
                    <span class="name">000001111111</span>
                </div>
                <div class="scan-box-li">
                    <span class="label">立项时间：</span>
                    <span class="name">2021-10-22</span>
                </div>
            </div>
        </div>
        <!--scan-box end-->
        <!--scan-box start-->
        <div class="scan-box">
            <div class="scan-box-tit">必传文件</div>
            <div class="scan-box-con">
                <div class="scan-box-file">附件1:预算电子文档</div>
                <div class="scan-box-file">附件2:施工图</div>
                <div class="scan-box-file">附件3:评审申请</div>
                <div class="scan-box-file">附件4:技术评审意见</div>
                <div class="scan-box-file">附件5:立项文件</div>
            </div>
        </div>
        <!--scan-box end-->
    </div>
    <!--scan-main end-->
    <!--scan-tab start-->
    <div class="scan-tab">        
        <!--scan-tab-content start-->
        <div class="scan-tab-content active">
            <!---------------------------------------------------------------11-29start------------------->            
            <!--scan-展示评审专家信息 start-->
            <div class="scan-tab-box">
                <div class="scan-tab-tit">审核专家   <span style="float: right; font-size: 14px; font-weight: 10;">确认人：XXXX&nbsp;&nbsp;时间：2021-12-15 18:25<span/></div>
                <div class="scan-tab-con clearfix">
                    <!--scan-tab-li start-->
                    <div class="scan-tab-li">
                        <div class="scan-tab-bor">
                            <div class="t scan-tab-t">建筑协会主席-西大大<span class="tip">组长</span><img src="images/v.png"><i>1</i></div>
                            <div class="tel">联系方式：<span>15823569872</span></div>
                            <div class="shan">
                                擅长领域：
                                <span>图纸施工</span>
                                <span>图纸施工</span>
                                <span>图纸施工</span>
                                <span>图纸施工</span>
                            </div>
                            <button class="choice">选定</button>
                            <button class="cancel dis">取消</button>
                        </div>
                    </div>
                    <!--scan-tab-li end-->
                    <!--scan-tab-li start-->
                    <div class="scan-tab-li">
                        <div class="scan-tab-bor">
                            <div class="t scan-tab-t">建筑协会主席-西大大<img src="images/v.png"><i>3</i></div>
                            <div class="tel">联系方式：<span>15823569872</span></div>
                            <div class="shan">
                                擅长领域：
                                <span>图纸施工</span>
                                <span>图纸施工</span>
                                <span>图纸施工</span>
                                <span>图纸施工</span>
                            </div>
                            <button class="choice">选定</button>
                            <button class="cancel dis">取消</button>
                        </div>
                    </div>
                    <!--scan-tab-li end-->
                    <!--scan-tab-li start-->
                    <div class="scan-tab-li">
                        <div class="scan-tab-bor">
                            <div class="t scan-tab-t dis">建筑协会主席-西大大<span class="tip">组长</span><img src="images/v.png"><i>3</i></div>
                            <div class="tel">联系方式：<span>15823569872</span></div>
                            <div class="shan">
                                擅长领域：
                                <span>图纸施工</span>
                                <span>图纸施工</span>
                                <span>图纸施工</span>
                                <span>图纸施工</span>
                            </div>
                            <button class="choice">选定</button>
                            <button class="cancel dis">取消</button>
                            <button class="cancel-null dis">取消</button>
                        </div>
                    </div>
                    <!--scan-tab-li end-->
                </div>
            </div>
            <!--scan-tab-box end-->
            <!---------------------------------------------------------------11-29end------------------->      
        </div>
        <!--scan-tab-content end-->
    </div>
    <!--scan-展示评审专家信息 end-->

    <!--scan-个人专家审核意见 start-->
    <div class="scan-main">
        <!--scan-box start-->
        <div class="scan-box">
            <div class="scan-box-tit">个人专家意见</div>
            <div class="scan-opinion">
                <div class="scan-opinion-hd">
                    <div class="tit">专家小组意见</div>
                    <div class="txt">这里展示的是最后专家或者评审机构给出的具体评审意见,这里展示的是最后专家或者评审机构给出的具体评审意见,这里展示的是最后专家或者评审机
                        构给出的具体评审意见
                        <span style="float: right; font-size: 14px; font-weight: 10;">2021-12-15 18:25<span/>
                    </div>
                     <!--add-审核意见附件start-->
                    <div class="add-item-files" style="width:1097px; margin: 0; ">
                        <div class="add-item-files-span">预算电子文档</div>
                        <div class="add-item-files-span">预算电子文档</div>
                        <div class="add-item-files-span">预算电子文档</div>
                        <div class="add-item-files-span">预算电子文档</div>
                        <div class="add-item-files-span">预算电子文档</div>
                    </div>
                    <!--add-审核意见附件 end-->
                </div>

               
                <div class="scan-opinion-item clearfix">
                    <span class="tip fl">X专家1</span>
                    这里展示的是最后专家或者评审机构给出的具体评审意见,这里展示的是最后专家或者评审机构给出的具体评审意见,这里展示的是最后专家或者
                    评审机构给出的具体评审意见
                    <span style="float: right; font-size: 14px; font-weight: 10;">2021-12-15 18:25<span/>
                </div>
                <!--add-审核意见附件start-->
                <div class="add-item-files" style="width:1097px; margin:3px 0; ">
                    <div class="add-item-files-span">预算电子文档</div>
                    <div class="add-item-files-span">预算电子文档</div>
                    <div class="add-item-files-span">预算电子文档</div>
                    <div class="add-item-files-span">预算电子文档</div>
                    <div class="add-item-files-span">预算电子文档</div>
                </div>
                <!--add-审核意见附件 end-->
                <div class="scan-opinion-item clearfix">
                    <span class="tip fl">X专家2</span>
                    这里展示的是最后专家或者评审机构给出的具体评审意见。
                    <span style="float: right; font-size: 14px; font-weight: 10;">2021-12-15 18:25<span/>
                </div>
                <!--add-审核意见附件start-->
                <div class="add-item-files" style="width:1097px; margin: 0; ">
                    <div class="add-item-files-span">预算电子文档</div>
                    <div class="add-item-files-span">预算电子文档</div>
                    <div class="add-item-files-span">预算电子文档</div>
                    <div class="add-item-files-span">预算电子文档</div>
                    <div class="add-item-files-span">预算电子文档</div>
                </div>
                <!--add-审核意见附件 end-->
                <div class="scan-opinion-item clearfix">
                    <span class="tip fl">X专家3</span>
                    这里展示的是最后专家或者评审机构给出的具体评审意见,这里展示的是最后专家或者评审机构给出的具体评审意见,这里展示的是最后专家或者
                    评审机构给出的具体评审意见
                    <span style="float: right; font-size: 14px; font-weight: 10;">2021-12-15 18:25<span/>
                </div>
                <!--add-审核意见附件start-->
                <div class="add-item-files" style="width:1097px; margin: 0; ">
                    <div class="add-item-files-span">预算电子文档</div>
                    <div class="add-item-files-span">预算电子文档</div>
                    <div class="add-item-files-span">预算电子文档</div>
                    <div class="add-item-files-span">预算电子文档</div>
                    <div class="add-item-files-span">预算电子文档</div>
                </div>
                <!--add-审核意见附件 end-->
            </div>
        </div>
        <!--scan-box end-->
    </div>
    <!--scan-个人专家审核意见 end-->


    <!--scan-机构专家审核意见 start-->
    <div class="scan-main">
        <!--scan-box start-->
        <div class="scan-box">
            <div class="scan-box-tit">机构专家意见</div>
            <div class="scan-opinion">
                <div class="scan-opinion-hd">
                    <div class="tit" style="width:240px;">中国设计规化院北京分院</div>
                    <div class="txt">这里展示的是最后专家或者评审机构给出的具体评审意见,这里展示的是最后专家或者评审机构给出的具体评审意见,这里展示的是最后专家或者评审机
                        构给出的具体评审意见                    
                        <span style="float: right; font-size: 14px; font-weight: 10;">2021-12-15 18:25<span/>
                    </div>
                    <!--add-审核意见附件start-->
                    <div class="add-item-files" style="width:1097px; margin: 0; ">
                        <div class="add-item-files-span">预算电子文档</div>
                        <div class="add-item-files-span">预算电子文档</div>
                        <div class="add-item-files-span">预算电子文档</div>
                        <div class="add-item-files-span">预算电子文档</div>
                        <div class="add-item-files-span">预算电子文档</div>
                    </div>
                    <!--add-审核意见附件 end-->
                </div>
            </div>
        </div>
        <!--scan-box end-->
    </div>
    <!--scan-机构专家审核意见 end-->


    <!--scan-业主意见 start-->
    <div class="scan-main">
        <!--scan-box start-->
        <div class="scan-box">
            <div class="scan-box-tit">业主意见</div>
            <div class="scan-opinion">
                <div class="scan-opinion-hd">
                    <div class="tit" style="width:240px;">中国设计规化院北京分院</div>
                    <div class="txt">这里展示的是最后专家或者评审机构给出的具体评审意见,这里展示的是最后专家或者评审机构给出的具体评审意见,这里展示的是最后专家或者评审机
                        构给出的具体评审意见
                        <span style="float: right; font-size: 14px; font-weight: 10;">2021-12-15 18:25<span/>
                    </div>
                    <!--add-审核意见附件start-->
                    <div class="add-item-files" style="width:1097px; margin: 0; ">
                        <div class="add-item-files-span">预算电子文档</div>
                        <div class="add-item-files-span">预算电子文档</div>
                        <div class="add-item-files-span">预算电子文档</div>
                        <div class="add-item-files-span">预算电子文档</div>
                        <div class="add-item-files-span">预算电子文档</div>
                    </div>
                    <!--add-审核意见附件 end-->
                </div>
            </div>
        </div>
        <!--scan-box end-->
    </div>
    <!--scan-业主意见 end-->


    <!--scan-评审专员意见 start-->
    <div class="scan-main">
        <!--scan-box start-->
        <div class="scan-box">
            <div class="scan-box-tit">专员意见</div>
            <div class="scan-opinion">
                <div class="scan-opinion-hd">
                    <div class="tit" >XXX5</div>
                    <div class="txt">这里展示的是最后专家或者评审机构给出的具体评审意见,这里展示的是最后专家或者评审机构给出的具体评审意见,这里展示的是最后专家或者评审机
                        构给出的具体评审意见
                        <span style="float: right; font-size: 14px; font-weight: 10;">2021-12-15 18:25<span/>
                    </div>
                    <!--add-审核意见附件start-->
                    <div class="add-item-files" style="width:1097px; margin: 0; ">
                        <div class="add-item-files-span">预算电子文档</div>
                        <div class="add-item-files-span">预算电子文档</div>
                        <div class="add-item-files-span">预算电子文档</div>
                        <div class="add-item-files-span">预算电子文档</div>
                        <div class="add-item-files-span">预算电子文档</div>
                    </div>
                    <!--add-审核意见附件 end-->
                </div>
            </div>
        </div>
        <!--scan-box end-->
    </div>
    <!--scan-评审专员意见 end-->

    <!--scan-分管领导意见 start-->
    <div class="scan-main">
        <!--scan-box start-->
        <div class="scan-box">
            <div class="scan-box-tit">定审意见</div>
            <div class="scan-opinion">
                <div class="scan-opinion-hd">
                    <div class="tit" >XXX5</div>
                    <div class="txt">这里展示的是最后专家或者评审机构给出的具体评审意见,这里展示的是最后专家或者评审机构给出的具体评审意见,这里展示的是最后专家或者评审机
                        构给出的具体评审意见
                        <span style="float: right; font-size: 14px; font-weight: 10;">2021-12-15 18:25<span/>
                    </div>
                    <!--add-审核意见附件start-->
                    <div class="add-item-files" style="width:1097px; margin: 0; ">
                        <div class="add-item-files-span">预算电子文档</div>
                        <div class="add-item-files-span">预算电子文档</div>
                        <div class="add-item-files-span">预算电子文档</div>
                        <div class="add-item-files-span">预算电子文档</div>
                        <div class="add-item-files-span">预算电子文档</div>
                    </div>
                    <!--add-审核意见附件 end-->
                </div>
            </div>
        </div>
        <!--scan-box end-->
    </div>
    <!--scan-分管领导意见 end-->

    <!--scan-驳回原因 start-->
    <div class="scan-main">
        <!--scan-box start-->
        <div class="scan-box">
            <div class="scan-box-tit">驳回原因</div>
            <div class="scan-opinion">
                <div class="scan-opinion-hd">
                    <div class="tit" >XXX6</div>
                    <div class="txt">这里展示的是最后专家或者评审机构给出的具体评审意见,这里展示的是最后专家或者评审机构给出的具体评审意见,这里展示的是最后专家或者评审机
                        构给出的具体评审意见     
                        <span style="float: right; font-size: 14px; font-weight: 10;">2021-12-15 18:25<span/>
                    </div>
                    <!--add-审核意见附件start-->
                    <div class="add-item-files" style="width:1097px; margin: 0; ">
                        <div class="add-item-files-span">预算电子文档</div>
                        <div class="add-item-files-span">预算电子文档</div>
                        <div class="add-item-files-span">预算电子文档</div>
                        <div class="add-item-files-span">预算电子文档</div>
                        <div class="add-item-files-span">预算电子文档</div>
                    </div>
                    <!--add-审核意见附件 end-->
                </div>
            </div>
        </div>
        <!--scan-box end-->
    </div>
    <!--scan-驳回原因 end-->


    
    <!--scan-main start-->
    <div class="scan-main">
        <!--scan-box start-->
        <div class="scan-box">
            <div class="scan-box-tit">审核意见</div>
            <div class="scan-opinion-text">
                <div class="text-bor">
                    <textarea rows="5" placeholder="在此输入本次审核意见"></textarea>
                </div>
            </div>
        </div>
        <!--scan-box end-->

        <!--add-item start-->
        <div class="add-item">
            <div class="con w-full">
                <div class="input-w" style="width:1140px; margin: 0; ">
                    <div class="add-item-flex">
                        <div class="add-item-up">
                            <input type="file" class="add-item-up-file">
                            <span><img src="images/add2.png" ></span>
                        </div>
                        <div class="add-item-tip">
                            <p>1、可上传附件.</p>
                            <p>2、支持压缩包格式：rar、zip。</p>
                            <p>3、支持图片格式：jpeg、jpg、bmp、png。</p>
                            <p>4、支持办公文件格式：doc、docx、xls、xlsx、pdf、ppt。</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--add-item end-->
        <!--add-item-files start-->
        <div class="add-item-files" style="width:1100px; margin: 0; ">
            <div class="add-item-files-span">预算电子文档
                <span class="close">X</span>
            </div>
            <div class="add-item-files-span">预算电子文档
                <span class="close">X</span>
            </div>
            <div class="add-item-files-span">预算电子文档
                <span class="close">X</span>
            </div>
            <div class="add-item-files-span">预算电子文档
                <span class="close">X</span>
            </div>
        </div>
        <!--add-item-files end-->

    </div>
    <!--scan-main end-->


    <!------------------------------------------------11-29新加js start----------------------------------------------->
    <script>
        $(function(){
            $(".cancel").click(function(){
                $(this).toggleClass("dis").siblings(".cancel").removeClass("dis")
                $(this).siblings(".choice").toggleClass("dis");
            })
            $(".cancel-null").click(function(){
                $(this).toggleClass("dis").siblings(".cancel-null").removeClass("dis")
                $(this).siblings(".scan-tab-li .t").addClass("dis");
                $(this).siblings(".scan-tab-li .set").removeClass("dis");
                $(this).siblings(".choice").toggleClass("dis");
            })
            $(".choice").click(function(){
                $(this).toggleClass("dis").siblings(".choice").removeClass("dis")
                $(this).siblings(".cancel").toggleClass("dis");
            })
            $(".scan-tab-li .set").click(function(){
                $(this).toggleClass("dis").siblings(".set").removeClass("dis")
                $(this).siblings(".scan-tab-li .t").toggleClass("dis");
                $(this).siblings(".choice").toggleClass("dis");
                $(this).siblings(".cancel-null").toggleClass("dis");
            })
        })
    </script>
    <!------------------------------------------------------11-29新加js end---------------------------------------------------->
    <script>
        $(function () {
            $(".scan-tab-nav .li").off("click").on("click", function () {
                var index = $(this).index();
                $(this).addClass("on").siblings().removeClass("on");
                $(".scan-tab-content").eq(index).addClass("active").siblings().removeClass("active");
            });
        });
    </script>
    <link rel="stylesheet" href="js/alert/syalert.min.css">
    <script src="js/alert/syalert.min.js"></script>
    <script>
        function ok(id){
            syalert.syhide(id);
        }
    </script>
</div>
<!--scan-container end-->
</body>
</html>